//菜单 menu
var menuData=[
    {
        "type":"1",
        "name": "类型",
        "dataJson":[
            {
                "childType":"1-1",
                "childName":"医疗器械",
                "childJson":[
                    {
                        "imgSrc":"111",
                        "title": "我们都有一个家名字叫中国，兄弟姐妹都很多景色也不错444"
                    },
                    {
                        "imgSrc":"111",
                        "title": "我们都有一个家名字叫中国，兄弟姐妹都很多景色也不错444444444444"
                    },
                    {
                        "imgSrc":"111",
                        "title": "我们都有一个家名字叫中国，兄弟姐妹都很多景色也不错"
                    },
                    {
                        "imgSrc":"111",
                        "title": "我们都有一个家名字叫中国，兄弟姐妹都很多景色也不错"
                    },
                    {
                        "imgSrc":"111",
                        "title": "我们都有一个家名字叫中国，兄弟姐妹都很多景色也不错"
                    },
                    {
                        "imgSrc":"111",
                        "title": "我们都有一个家名字叫中国，兄弟姐妹都很多景色也不错"
                    },
                    {
                        "imgSrc":"111",
                        "title": "我们都有一个家名字叫中国，兄弟姐妹都很多景色也不错"
                    },
                    {
                        "imgSrc":"111",
                        "title": "我们都有一个家名字叫中国，兄弟姐妹都很多景色也不错"
                    },
                    {
                        "imgSrc":"111",
                        "title": "我们都有一个家名字叫中国，兄弟姐妹都很多景色也不错"
                    },
                    {
                        "imgSrc":"111",
                        "title": "我们都有一个家名字叫中国，兄弟姐妹都很多景色也不错"
                    },
                    {
                        "imgSrc":"111",
                        "title": "我们都有一个家名字叫中国，兄弟姐妹都很多景色也不错"
                    },
                    {
                        "imgSrc":"111",
                        "title": "我们都有一个家名字叫中国，兄弟姐妹都很多景色也不错"
                    },
                    {
                        "imgSrc":"111",
                        "title": "我们都有一个家名字叫中国，兄弟姐妹都很多景色也不错"
                    },
                    {
                        "imgSrc":"111",
                        "title": "我们都有一个家名字叫中国，兄弟姐妹都很多景色也不错"
                    },
                    {
                        "imgSrc":"111",
                        "title": "我们都有一个家名字叫中国，兄弟姐妹都很多景色也不错"
                    },
                    {
                        "imgSrc":"111",
                        "title": "我们都有一个家名字叫中国，兄弟姐妹都很多景色也不错"
                    },
                    {
                        "imgSrc":"111",
                        "title": "我们都有一个家名字叫中国，兄弟姐妹都很多景色也不错"
                    },
                    {
                        "imgSrc":"111",
                        "title": "我们都有一个家名字叫中国，兄弟姐妹都很多景色也不错"
                    },
                    {
                        "imgSrc":"111",
                        "title": "我们都有一个家名字叫中国，兄弟姐妹都很多景色也不错"
                    },
                    {
                        "imgSrc":"111",
                        "title": "我们都有一个家名字叫中国，兄弟姐妹都很多景色也不错"
                    },
                    {
                        "imgSrc":"111",
                        "title": "我们都有一个家名字叫中国，兄弟姐妹都很多景色也不错"
                    },
                    {
                        "imgSrc":"111",
                        "title": "我们都有一个家名字叫中国，兄弟姐妹都很多景色也不错"
                    },
                    {
                        "imgSrc":"111",
                        "title": "我们都有一个家名字叫中国，兄弟姐妹都很多景色也不错"
                    },
                    {
                        "imgSrc":"111",
                        "title": "我们都有一个家名字叫中国，兄弟姐妹都很多景色也不错44444444444"
                    },

                ]
            },
            {
                "childType":"1-2",
                "childName":"医药",
                "childJson":[
                    {
                        "imgSrc":"111",
                        "title": "我们都有一个家名字叫中国，兄弟姐妹都很多景色也不错1444444444"
                    },
                    {
                        "imgSrc":"111",
                        "title": "我们都有一个家名字叫中国，兄弟姐妹都很多景色也不错1555555555555"
                    },
                    {
                        "imgSrc":"111",
                        "title": "我们都有一个家名字叫中国，兄弟姐妹都很多景色也不错1"
                    },
                    {
                        "imgSrc":"111",
                        "title": "我们都有一个家名字叫中国，兄弟姐妹都很多景色也不错1"
                    },
                    {
                        "imgSrc":"111",
                        "title": "我们都有一个家名字叫中国，兄弟姐妹都很多景色也不错1"
                    },
                    {
                        "imgSrc":"111",
                        "title": "我们都有一个家名字叫中国，兄弟姐妹都很多景色也不错1"
                    },
                    {
                        "imgSrc":"111",
                        "title": "我们都有一个家名字叫中国，兄弟姐妹都很多景色也不错1"
                    },
                    {
                        "imgSrc":"111",
                        "title": "我们都有一个家名字叫中国，兄弟姐妹都很多景色也不错15555555555"
                    },

                ]
            },
            {
                "childType":"1-3",
                "childName":"医疗服务",
            },
        ],


    },
    {
        "type":"2",
        "name": "专科",
        "dataJson":[
            {
                "childType":"2-1",
                "childName":"公共影像检验",
                "childJson":[
                    {
                        "imgSrc":"111",
                        "title": "我们都有一个家名字叫中国，兄弟姐妹都很多景色也不错"
                    },
                    {
                        "imgSrc":"111",
                        "title": "我们都有一个家名字叫中国，兄弟姐妹都很多景色也不错"
                    },
                    {
                        "imgSrc":"111",
                        "title": "我们都有一个家名字叫中国，兄弟姐妹都很多景色也不错"
                    },
                    {
                        "imgSrc":"111",
                        "title": "我们都有一个家名字叫中国，兄弟姐妹都很多景色也不错"
                    },
                    {
                        "imgSrc":"111",
                        "title": "我们都有一个家名字叫中国，兄弟姐妹都很多景色也不错"
                    },
                    {
                        "imgSrc":"111",
                        "title": "我们都有一个家名字叫中国，兄弟姐妹都很多景色也不错"
                    },
                    {
                        "imgSrc":"111",
                        "title": "我们都有一个家名字叫中国，兄弟姐妹都很多景色也不错"
                    },
                    {
                        "imgSrc":"111",
                        "title": "我们都有一个家名字叫中国，兄弟姐妹都很多景色也不错"
                    },

                ]
            },
            {
                "childType":"2-2",
                "childName":"呼吸胸外消化",
                "childJson":[
                    {
                        "imgSrc":"111",
                        "title": "我们都有一个家名字叫中国，兄弟姐妹都很多景色也不错"
                    },
                    {
                        "imgSrc":"111",
                        "title": "我们都有一个家名字叫中国，兄弟姐妹都很多景色也不错"
                    },
                    {
                        "imgSrc":"111",
                        "title": "我们都有一个家名字叫中国，兄弟姐妹都很多景色也不错"
                    },
                    {
                        "imgSrc":"111",
                        "title": "我们都有一个家名字叫中国，兄弟姐妹都很多景色也不错"
                    },
                    {
                        "imgSrc":"111",
                        "title": "我们都有一个家名字叫中国，兄弟姐妹都很多景色也不错"
                    },
                    {
                        "imgSrc":"111",
                        "title": "我们都有一个家名字叫中国，兄弟姐妹都很多景色也不错"
                    },
                    {
                        "imgSrc":"111",
                        "title": "我们都有一个家名字叫中国，兄弟姐妹都很多景色也不错"
                    },
                    {
                        "imgSrc":"111",
                        "title": "我们都有一个家名字叫中国，兄弟姐妹都很多景色也不错"
                    },

                ]
            },
            {
                "childType":"2-3",
                "childName":"肿瘤血液",
                "childJson":[
                    {
                        "imgSrc":"111",
                        "title": "我们都有一个家名字叫中国，兄弟姐妹都很多景色也不错"
                    },
                    {
                        "imgSrc":"111",
                        "title": "我们都有一个家名字叫中国，兄弟姐妹都很多景色也不错"
                    },
                    {
                        "imgSrc":"111",
                        "title": "我们都有一个家名字叫中国，兄弟姐妹都很多景色也不错"
                    },
                    {
                        "imgSrc":"111",
                        "title": "我们都有一个家名字叫中国，兄弟姐妹都很多景色也不错"
                    },
                    {
                        "imgSrc":"111",
                        "title": "我们都有一个家名字叫中国，兄弟姐妹都很多景色也不错"
                    },
                    {
                        "imgSrc":"111",
                        "title": "我们都有一个家名字叫中国，兄弟姐妹都很多景色也不错"
                    },
                    {
                        "imgSrc":"111",
                        "title": "我们都有一个家名字叫中国，兄弟姐妹都很多景色也不错"
                    },
                    {
                        "imgSrc":"111",
                        "title": "我们都有一个家名字叫中国，兄弟姐妹都很多景色也不错"
                    },

                ]
            },
        ],


    },

];
//菜单menu渲染数据
var html_val = '';
var html_val_child = '';
for(var i=0;i<menuData.length;i++){
    html_val_child = '';
    for(var j=0;j<menuData[i].dataJson.length;j++){
        html_val_child +=

            '<a href="javascript:;" type="'+menuData[i].dataJson[j].childType+'">'+menuData[i].dataJson[j].childName+'</a>'



    };
    html_val+=
        '<div class="classificationItem">'+
        '<a class="classification-type" data-beoff="true" href="javascript:;" type="'+menuData[i].type+'">'+menuData[i].name+'</a>'+
        '<div class="typeItems">'+ html_val_child+
        '</div>'
    '</div>'



}
//console.log(html_val);
$(".dataShow").append(html_val);
//加载事件一定放在后面
$(".classification-type").click(function(){
    var list_val='';
    var listchild_val='';
    var loadMore='';
    //点击某一类别展示/隐藏的二级菜单
    $(this).siblings(".typeItems").slideToggle();
    //console.log($(this).attr("type"));
    if($(this).attr("type") == "1"){//点击的一级菜单的类型,渲染列表数据
        $(".unionProject-item").html('');
        $.each(menuData,function(i,item){

            if(item.type == "1"){
                listchild_val='';
                console.log(item.dataJson,'1111')
                $.each(item.dataJson,function(j,item1){
                    listchild_val='';
                    $.each(item1.childJson,function(k,item2){



                        listchild_val +=
                            '<div class="contentShow">'+
                            '<img src="img/bottomBanner.jpg"/>'+
                            '<div class="imgDes">'+item2.title+'</div>'+
                            '</div>'
                        //console.log(listchild_val,'length')
                        //点击一级类别的时候，如果某一模块数据多余16条的时候，显示加载更多！
                        console.log(item1.childJson.length,'length')
                        if(item1.childJson.length>12){
                            loadMore = '<button>加载更多 ></button>';
                        }else{
                            loadMore = '';
                        }
                    })

//							<button>加载更多 ></button>
                    list_val ='<div class="contentDetails">'+
                        '<p class="contentTitle">'+item1.childName+'</p>'+
                        '<div class="contentIntro">'+listchild_val+
                        loadMore+

                        '</div>'+
                        '</div>'




                    $(".unionProject-item").append(list_val);

                })
                console.log(list_val,"listData");


            }
        })

    }else if($(this).attr("type") == "2"){//点击的一级菜单的专科

    }

})
//点击的是分类-全部的时候


//console.log($('.unionProject-item').offset().left)
$(".unionProject-menu").css("left",($('.unionProject-item').offset().left-180)+'px')